<section id="main">
	<div class="row-fluid">
		<div class="span12">
			<hr class="main">
			<ul class="breadcrumbs">
				<li> <a class="crumb active" href="#">Dashboard</a> <span class="divider">|</span> </li>
				<li> <a class="crumb" href="http://datamyze.com/whitemin/build/pages/components/dashboard-technology.html">Audience by Technology</a> <span class="divider">|</span> </li>
				<li> <a class="crumb" href="http://datamyze.com/whitemin/build/pages/components/dashboard-location.html">Audience by Location</a> <span class="divider">|</span> </li>
				<li> <a class="crumb" href="http://datamyze.com/whitemin/build/pages/extras/world-map.html">Audience in Realtime</a> </li>
			</ul>
			<hr class="main">
		</div>
	</div>
	<div class="container-fluid">
	<div class="row-fluid">
	<div class="span12">
	<div class="box bordered">
		<div class="box inner white">
			<div class="row-fluid padded10">
				<div class="span4 center">
					<div class="stat-box dark-plum"> <i class="icon-random icon-large"></i> <span class="count">42</span> <span class="stat-text">User Engagement</span> <span class="stat-text-large">Industry Average 50</span> </div>
					<a href="#responsive-modal" class="text" data-toggle="modal">What is this?</a> | <a href="/pages/engagement">Your Analysis</a>
					<div id="responsive-modal" class="modal hide fade" tabindex="-1" data-width="760" style="width: 760px; margin-left: -379px; display: none; margin-top: 0px;" aria-hidden="true">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h3>User Engagement Score</h3>
						</div>
						<div class="modal-body">
							<div class="row-fluid">
								<div class="span12">
									<div class="">
										<p>Datamyze offers a granular and actionable rating scale for site owners, ranging from 0-100, enabling brands to target content based on their custom quality thresholds. The Engagement Score provides a benchmark for how your content is attracting and retaining users. Our formula combines proprietary algorithms and data combined with data on your unique visitors, user actions and time spent on your site to measure the effectiveness of your content. Engagement Scores are weighted by industry.</p>
									</div>
								</div>
							</div>
						</div>
												<div class="modal-footer">
							<button type="button" data-dismiss="modal" class="btn btn-small">Close</button>
							<a href="/pages/engagement">
							<button type="button" class="btn btn-small dark-blue">Go to analysis</button>
							</a> </div>
					</div>
				</div>
				<div class="span4 center">
					<div class="stat-box dark-blue"> <i class="icon-bar-chart icon-large"></i> <span class="count">60</span> <span class="stat-text">Sales Effectiveness</span> <span class="stat-text-large">Industry Average 50</span> </div>
					<a href="#responsive-modalB" class="text" data-toggle="modal">What is this?</a> | <a href="/pages/effectiveness">Your Analysis</a>
					<div id="responsive-modalB" class="modal hide fade" tabindex="-1" data-width="760" style="width: 760px; margin-left: -379px; display: none; margin-top: 0px;" aria-hidden="true">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h3>Sales Effectiveness Score</h3>
						</div>
						<div class="modal-body">
							<div class="row-fluid">
								<div class="span12">
									<div class="">
										<p>Sales effectiveness refers to the ability of a company’s sales professionals to “win” at each stage of the customer’s buying process, and ultimately earn the business on the right terms and in the right timeframe. Improving sales effectiveness is not just a sales function issue; it’s a company issue, as it requires deep collaboration between sales and marketing to understand what’s working and not working, and continuous improvement of the knowledge, messages, skills, and strategies that sales people apply as they work sales opportunities. Sales effectiveness has historically been used to describe a category of technologies and consulting services aimed at helping companies improve their sales results.</p>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" data-dismiss="modal" class="btn btn-small">Close</button>
							<a href="/pages/effectiveness">
							<button type="button" class="btn btn-small dark-blue">Go to analysis</button>
							</a> </div>
					</div>
				</div>
				<div class="span4 center">
					<div class="stat-box medium-blue"> <i class="icon-group icon-large"></i> <span class="count">4,712,004</span> <span class="stat-text">Audience</span> <span class="stat-text-large">Growth Rate +15%</span> </div>
					<a href="#responsive-modal2" class="text" data-toggle="modal">What is this?</a> | <a href="#">Your Audience</a>
					<div id="responsive-modal2" class="modal hide fade" tabindex="-1" data-width="760" style="width: 760px; margin-left: -379px; display: none; margin-top: 0px;" aria-hidden="true">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h3>Audience</h3>
						</div>
						<div class="modal-body">
							<div class="row-fluid">
								<div class="span12">
									<div class="">
										<p>Datamyze offers a granular and actionable rating scale for site owners, ranging from 0-100, enabling brands to target content based on their custom quality thresholds. The Engagement Score provides a benchmark for how your content is attracting and retaining users. Our formula combines proprietary algorithms and data combined with data on your unique visitors, user actions and time spent on your site to measure the effectiveness of your content. Engagement Scores are weighted by industry.</p>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" data-dismiss="modal" class="btn btn-small">Close</button>
							<a href="#">
							<button type="button" class="btn btn-small dark-blue">Go to profiles</button>
							</a> </div>
					</div>
				</div>
			</div>
		</div>
	</div>
		<div class="vpadded">
	<div class="container-fluid">
	<div class="row-fluid">
	<div class="span12">
	<div class="box bordered">
		<div class="box inner white">
			<div class="row-fluid padded10">
				<div class="section-title">Quick Statistics</div>
				<div class="row-fluid">
					<div class="span7">
						<div class="padded">
							<div class="section-title">How is Your Audience Trending?</div>
							<div class="chart" id="site-visits" style="width: 100%; height: 330px;"></div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span5">
							<div class="padded">
								<div class="section-title">What is Driving Your Traffic?</div>
								<ul class="audience-alt">
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-search"></i> </div>
										</div>
										<div class="value">5,422</div>
										<div class="stat-name">Web Search</div>
										<div class="percent">(+30%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 30%"></div>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-star"></i> </div>
										</div>
										<div class="value">4,951</div>
										<div class="stat-name">Campaigns</div>
										<div class="percent">(+61%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 61%"></div>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-eye-open"></i> </div>
										</div>
										<div class="value">9,807</div>
										<div class="stat-name">Direct Entry</div>
										<div class="percent">(+44%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 44%"></div>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-facebook"></i> </div>
										</div>
										<div class="value">3,773</div>
										<div class="stat-name">Facebook</div>
										<div class="percent">(+12%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 12%"></div>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-twitter"></i> </div>
										</div>
										<div class="value">823</div>
										<div class="stat-name">Twitter</div>
										<div class="percent">(+78%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 78%"></div>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<p> 
	</div>
</section>
